<template>
	<view class="control">
		<!-- <view class="section-1"> -->
		<!-- <view class="tab-list">
				<view class="tab flex-center" :class="{'active':tabActive === 0}" @click="tabActive = 0">
					快速配送
				</view>
				<view class="tab flex-center" :class="{'active':tabActive === 1}" @click="tabActive =1">
					到馆自取
				</view>
			</view>
			<view class="tab-con">
				<view class="tab-item1" v-show="tabActive == 0">
					<view class="title flex-align">
						<u-tag size="mini" text="默认" type="error"></u-tag>
						<view>江苏南通市松川区交通街道</view>
					</view>
					<view class="flex-between">
						<view class="adress">中南花园17栋</view>
						<u-icon name="arrow-right" color="#dbdbdb" size="14"></u-icon>
					</view>
					<view class="flex-align info">
						<view>李峰</view>
						<view>198******4584</view>
					</view>
				</view>
				<view class="tab-item1" v-show="tabActive == 0">
					<view class="flex-between">
						<view class="kong">
							<image mode="widthFix" src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/7c78b07193879598d78b238bf9fa133e948d626b.png"></image>
							<text>还未添加收货地址~</text>
						</view>
						<u-icon name="arrow-right" color="#dbdbdb" size="14"></u-icon>
					</view>
				</view>
				<view class="tab-item2" v-show="tabActive == 1">
					<view class="info-1">江苏南通市崇川区文峰街道</view>
					<view class="info-2">荷兰街夜市M栋-14-2</view>
					<view class="info-3">
						<text>李峰</text>
						 159****1325
					</view>
					<view class="cell flex-between">
						<view class="label">自取事件</view>
						<view class="flex-align" @click="showTime = true">
							<view class="value">{{timeValue}}</view>
							<u-icon name="arrow-right" size="16" color="#999999"></u-icon>
						</view>
					</view>
					<view class="cell flex-between">
						<view class="label">预留电话</view>
						<view class="flex-align">
							<view class="value">13:12</view>
							<u-icon name="arrow-right" size="16" color="#999999"></u-icon>
						</view>
					</view>
				</view>
			</view>
		</view> -->

		<view class="section-2">
			<view class="title flex-align">
				<!-- <image mode="aspectFit"
					src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/73284620fb094300df1379968d33a9f7314482a3.png">
				</image> -->
				<u-image :src="`${assetsPath}44d8d751bb60e10cc8e83c114d488541605662f5.png`" width="30rpx" height="30rpx"
					shape="square"></u-image>
				<text style="font-size: 32rpx;">{{ venue_name }}</text>

			</view>
			<view class="flex-between goods">
				<view class="flex-align con">
					<view class="image" v-if="goods_type === 'ticket'">
						<u--image :src="ticketData.picture ? ticketData.picture : ticketData.cover" width="150rpx"
							height="176rpx" radius="5"></u--image>
					</view>
					<view class="image" v-if="goods_type != 'ticket'">
						<u--image :src="ticketData.picture ? ticketData.picture : ticketData.cover" width="240rpx"
							height="158rpx" radius="5"></u--image>
					</view>
					<view class="info">
						<view>
							<view class="info-1">{{ ticketData.name }}</view>
							<!-- <view class="info-1">{{ ticketData.name }}</view> -->
							<!-- 计次卡 -->
							<view class="tiemr ellpisis-1"
								style="font-size: 26rpx;margin-top: 20rpx;color: #ffaa00;font-weight: bold;"
								v-show="ticketData.type == 1">{{ ticketData.times }}次 <text
									v-show="ticketData.gifts != ''"> +{{ ticketData.gifts }}次</text></view>
							<!-- 金额卡 -->
							<view class="tiemr ellpisis-1"
								style="font-size: 26rpx;margin-top: 20rpx;color: #ffaa00;font-weight: bold;"
								v-show="ticketData.type == 3">{{ ticketData.times }}元<text
									v-show="ticketData.gifts != ''"> +{{ ticketData.gifts }}元</text></view>
							<!-- 时间卡 -->
							<view class="tiemr ellpisis-1"
								style="font-size: 26rpx;margin-top: 20rpx;color: #ffaa00;font-weight: bold;"
								v-show="ticketData.type == 2">{{ ticketData.times }}天<text
									v-show="ticketData.gifts != ''"> +{{ ticketData.gifts }}天</text></view>
							<view class="tag-list flex-align" style="font-size: 22rpx;margin-top: 20rpx;"
								v-if="goods_type === 'ticket'">
								<!-- <view class="tag" v-for="(item, index) in ticketData.venues_project" :key="index">
									{{ item.name }}
								</view> -->
								<!-- {{ticketData.sale_start}}/{{ticketData.sale_end}} -->
								{{namelist}} {{namelists}}
							</view>
							<!-- <view class="info-2">20cm x 20cm</view> -->
						</view>
						<view style="display:flex">
							<view class="">
								<view class="" v-if="goods_type === 'train'">
									<view class="info-3" v-if="train_price == '0.00'">￥<text>{{
									amount( ticketData.selling_price
									    ? ticketData.selling_price
									    : ticketData.price_selling) 
									}}</text></view>
									<view class="info-3" v-else>￥<text>{{amount(train_price) }}</text></view>
								</view>
								<view class="info-3" v-else>￥<text>{{ amount(ticketData.selling_price * amountValue ) }}
									</text></view>
							</view>
							<view style="margin-left: 230rpx;" v-if="goods_type === 'ticket'">
								<view>
									<!-- <u-number-box :min="1" :max="max" :disabledInput="true" v-model="num"
										@change="valChange" v-if="goods_type != 'train'">
									</u-number-box> -->
								</view>
							</view>
							<view style="margin-left: 150rpx;" v-if="goods_type != 'ticket'">
								<view>
									<!-- <u-number-box :disabled="true" v-model="num" @change="valChange"  :max="max"
										v-if="goods_type != 'train'">
									</u-number-box> -->
									<!-- <u-number-box :disabledInput="true" v-model="num" @change="valChange"  :max="max"
										v-if="goods_type != 'train'">
									</u-number-box> -->
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<view class="section-3 flex-between" v-if="goods_type != 'train'">
			<view class="info-1">金额：</view>
			<view class="info-2">
				￥<text>{{ amount(ticketData.selling_price * amountValue ) }} </text>
			</view>
		</view>
		<!-- @click="showCoupons = true"  优惠卷按钮控制打开 -->
		<view class="section-4 flex-between" @click="showCoupons = true">
			<u-image :src="`${assetsPath}f581f438df01f48c8ccc0794eb2f3408067b0e0f.png`" width="30rpx" height="30rpx"
				shape="square"></u-image>
			<!-- <view class="info-1" style="position: absolute; left: 0;margin-left: 14%;">优惠券</view> -->
			<view class="info-1" style="position: absolute; left: 0;margin-left: 14%;">优惠券<text style="color: #ff0000;" v-if="wrapperlist.length > 0">(当前可用{{wrapperlist.length}}张)</text> </view>
			<!-- <view class="name" style="white-space: nowrap;
							overflow: hidden;
								text-overflow: ellipsis;width: 444rpx;">优惠券</view> -->
			<!-- <view class="info-2 flex-align">
				<view class="info-3">暂无优惠券</view>
				<u-icon name="arrow-right" size="16" color="#999999"></u-icon>
			</view> -->
			<view class="info-2 flex-align">
				<view class="info-3 active" v-if="yhj_qu">请选择</view>
				<view class="info-3 active" v-if="!yhj_qu">
					<text v-if="yhjtype == 1">满{{ yhjman }}元减{{yhjjian}}</text>
					<text v-if="yhjtype == 2">满{{ yhjman }}元减{{yhjjian}}</text>
					<text v-if="yhjtype == 3">满{{ yhjman }}元{{yhjjian}}折</text>
				</view>
				<u-icon name="arrow-right" size="16" color="#999999"></u-icon>
			</view>
		</view>
		<view class="section-4 flex-between" @click="showAmount = true">
			<u-image :src="`${assetsPath}eb11c7b37ef576fcb06b117d02e002605ebd2d9b.png`" width="30rpx" height="30rpx"
				shape="square"></u-image>
			<!-- <view class="info-1" v-if="goods_type == 'ticket'">充值卡</view> -->
			<view class="info-1" style="position: absolute; left: 0;margin-left: 14%;">充值卡<text style="color: #ff0000;" v-if="itemlist.length > 0">(当前可用{{itemlist.length}}张)</text></view>
			<!-- 	<view class="name" style="white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;width: 444rpx;">充值卡</view> -->
			<view class="info-2 flex-align">
				<view class="info-3 active" v-if="jinqian">请选择</view>
				<view class="info-3 active" v-if="!jinqian">剩余{{account_balance}}</view>
				<u-icon name="arrow-right" size="16" color="#999999"></u-icon>
			</view>
		</view>
		<view class="section-4 flex-between" @click="consultant = true" v-if="goods_type === 'card'">
			<u-image :src="`${assetsPath}22ea367d7b2fcb7eb96f2929b406b206f37b576b.png`" width="30rpx" height="30rpx"
				shape="square"></u-image>
			<view class="info-1" style="position: absolute; left: 0;margin-left: 14%;">销售顾问</view>
			<view class="info-2 flex-align">
				<view class="info-3 active" v-if="xiaoshou">请选择</view>
				<view class="info-3 active" v-if="!xiaoshou">{{list_items.nickname}}</view>
				<u-icon name="arrow-right" size="16" color="#999999"></u-icon>
			</view>
		</view>
		<!-- <view style="width: 100%; height: auto;background: #fff; padding: 20rpx 30rpx; font-size: ;
    margin-top: 30rpx;
    background-color: white;
    border-radius: 7px;">
			<view style="width: 100%;height: 40rpx;font-size: 26rpx;
						font-weight: 500;
						color: #333333;">订单备注</view>
			<textarea placeholder=" 请填写订单备注信息，45字以内" class="input-textare" height="200rpx" margin-top='20rpx'   placeholder-style="font-size: 26rpx"
				v-model="order_remarks" />
		</view> -->



		<view class="section-5 flex-align">
			<label for="">
				<u-checkbox-group v-model="checked" placement="row" @change="checkboxChange" iconSize='20px'
					size='20px'>
					<u-checkbox label="我已阅读并同意" labelSize="13px" labelColor="#999999" checked="true"></u-checkbox>
				</u-checkbox-group>

			</label>

			<view class="info-1 flex-align">
				<!-- <text>我已阅读并同意</text> -->
				<view class="info-2" @click="showInfo = true" style="font-size: 26rpx;">《用户须知》</view>
			</view>
		</view>
		<!-- ticket票  card卡  court场地  train培训班-->
		<!-- yhjid 未选中优惠卷id-->
		<view class="footer flex-between">
			<view class="footer-1 flex-align">
				应付：
				<!-- 卡 -->
				<view class="info" v-if="goods_type === 'card'">
					￥<text
						style="font-weight: 700;font-size: 32rpx;">{{ amount( Number(totalPrice)+ Number(ticketData.deposit)) }}
					</text>
					<text v-if="Number(ticketData.deposit) >= Number(0.01)">（保证金{{amount(ticketData.deposit)}}）</text>
				</view>
				<!-- 票 -->
				<view class="info" v-if="goods_type === 'ticket'">
					￥<text
						style="font-weight: 700;font-size: 32rpx;">{{ amount( Number(totalPrice)+ Number(ticketData.deposit)) }}
					</text>
					<text v-if="Number(ticketData.deposit) >= Number(0.01)">（押金{{amount(ticketData.deposit)}}）</text>
				</view>
				<!-- 培训班 -->
				<view class="footer-1 flex-align" v-if="goods_type == 'train'">
					<view class="info">
						￥<text style="font-weight: 700;font-size: 32rpx;">{{ amount (totalPrice ) }}</text>
					</view>
				</view>
			</view>
			<!-- <view class="footer-1 flex-align" v-if="id !=''">
				333应付：
				<view class="info" v-if="goods_type === 'card'">
					￥<text
						style="font-weight: 700;font-size: 32rpx;">{{ Number(amount(totalPrice))+ Number(amount(ticketData.deposit)) }}
					</text>
					<text v-if="Number(ticketData.deposit) >= Number(0.01)">（保证金{{amount(ticketData.deposit)}}）</text>
				</view>
				<view class="info" v-if="goods_type === 'ticket'">
					￥<text
						style="font-weight: 700;font-size: 32rpx;">{{ Number(amount(totalPrice))+ Number(amount(ticketData.deposit)) }}
					</text>
					<text v-if="Number(ticketData.deposit) >= Number(0.01)">（押金{{amount(ticketData.deposit)}}）</text>
				</view>
				<view class="footer-1 flex-align" v-if="goods_type == 'train'">
					<view class="info">
						￥<text style="font-weight: 700;font-size: 32rpx;">{{ amount (totalPrice ) }}</text>
					</view>
				</view>
			</view> -->
			<view class="footer-btn" @click="$noMultipleClicks(submit)"> 提交订单 </view>
		</view>



		<!-- 优惠卷弹窗 -->
		<!-- <u-datetime-picker mode="time" :show="showTime" v-model="timeValue" @confirm="timeConfirm">
		</u-datetime-picker> -->
		<u-popup @touchmove.stop :show="showCoupons" @close="closeCoupons" closeOnClickOverlay mode="bottom"
			style="position: absolute;z-index: 999;" :safeAreaInsetTop="false" round="15">

			<view class="store-popup">
				<view class="title flex-between">
					<text>优惠券</text>
					<u-icon @click="closeCoupons1" name="close-circle-fill" color="#dde3e8" size="18"></u-icon>
				</view>
				<!-- // q_type 平台1 场馆2 新人3 -->
				<!-- //type 代金券1 满减券2 折扣券3 -->
				<!-- <view class="list-1"> -->
				<scroll-view :scroll-top="scrollTop" scroll-y="true" class="list-1" v-if="not_use == 0">
					<view class="item flex-align" v-for="(item,index) in wrapperlist" :key="index"
						@click="yhjlist(item)">
						<!-- 折扣券1 -->
						<view class="item-1" v-if="item.type == 1">
							<view class="price"> ￥<text>{{ item.jian }}</text> </view>
							<view class="price-1">满{{ item.man }}元可用</view>
						</view>
						<view class="item-2" v-if="item.type == 1">
							<view class="info-1">{{ item.name }}</view>
							<view class="info-2">有效期至：{{ item.expire_time }}</view>
							<!-- <view class="radio">
								<u-radio-group v-model="couponsValue">
									<u-radio :name="item"></u-radio>
								</u-radio-group>
							</view> -->
						</view>
						<!-- 满减券2 -->
						<view class="item-1" v-if="item.type == 2">
							<view class="price"> ￥<text>{{ item.jian }}</text> </view>
							<view class="price-1">满{{ item.man }}元可用</view>
						</view>
						<view class="item-2" v-if="item.type == 2">
							<view class="info-1">{{ item.name }}</view>
							<view class="info-2">有效期至：{{ item.expire_time }}</view>
						</view>
						<!-- 折扣券3 -->
						<view class="item-1" v-if="item.type == 3">
							<view class="price"> {{ item.jian }}折</view>
							<view class="price-1">满{{ item.man }}元可用</view>
						</view>
						<view class="item-2" v-if="item.type == 3">
							<view class="info-1">{{ item.name }}</view>
							<view class="info-2">有效期至：{{ item.expire_time }}</view>
						</view>
					</view>
				</scroll-view>
				<!-- </view> -->
				<!-- <view class="btn">
					<u-button @click="showCoupons = false" type="primary" shape="circle" size="large" text="确定">
					</u-button>
				</view> -->
			</view>
		</u-popup>
		<!-- 充值卡 -->
		<u-popup @touchmove.stop :show="showAmount" @close="closeAmount" closeOnClickOverlay mode="bottom"
			style="position: absolute;z-index: 999;" :safeAreaInsetTop="false" round="15">
			<view class="store-popup">
				<view class="title flex-between">
					<u-tabs :list="list1" :activeStyle="{ fontWeight: 700 }" :inactiveStyle="{ color: '#999999' }"
						@click="tabClick"></u-tabs>
					<u-icon @click="closeAmount1" name="close-circle-fill" color="#dde3e8" size="18"></u-icon>
				</view>
				<!-- <view class="list-2" v-if="not_use == 0"> -->
				<scroll-view :scroll-top="scrollTop" scroll-y="true" class="list-2" v-if="not_use == 0">
					<view class="item flex-align" v-for="(item,index) in itemlist" :key="index" @click="jine(item)">
						<view class="item-1">
							<view class="price"> ￥<text>{{item.account_balance}}</text> </view>
							<view class="price-1">剩余金额</view>
							<view class="price-1">No.{{item.cardno.substr(-4, 4)}}</view>
							<view class="price-1">{{amountFixed(item.pay_discount)}}折</view>
						</view>
						<view class="item-2">
							<view class="info-1" style="width: 100%;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;">{{item.name}}</view>
							<!-- <view class="info-2">卡 号：{{item.cardno}}</view> -->
							<view class="info-2" style="width: 100%;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;">{{ item.venue_name_new }}</view>

							<view class="info-2">有效期：{{item.yxq}}</view>
							<view class="info-2" style="width: 100%;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;">使用范围：
								<text v-for="(items,indexs) in item.fanwei" :key="indexs" style="margin-left: 6rpx;">
									{{items}}
								</text>
							</view>
							<!-- <view class="radio">
								<u-radio-group v-model="couponsValue" placement="column" @change="groupChange">
									<u-radio :name="item.id" @change="radioChange(item)" :checked="item.checked"
										:disabled="item.disabled"></u-radio>
								</u-radio-group>
							</view> -->
						</view>
					</view>

					<!-- <u-radio-group v-model="couponsValue" shape="circle"  @change="groupChange">
						<view class="list" style="width: 100%;">
							<team-info-item v-for="item in 3" :key="item.id" :data="item">
								<template #right>
									<u-radio :name="item.id" @change="radioChange(item)" />
								</template>
							</team-info-item>
						</view>
					</u-radio-group> -->
					<!-- </view> -->
				</scroll-view>
				<scroll-view :scroll-top="scrollTop" scroll-y="true" class="list-2" v-else>
					<!-- <view class="list-2" v-else> -->
					<view class="item flex-align" v-for="(item,index) in itemlist" :key="index">
						<view class="item-11">
							<!-- <view class="price"> ￥<text>{{item.account_balance}}</text> </view>
							<view class="price-1">剩余金额</view> -->
							<view class="price"> ￥<text>{{item.account_balance}}</text> </view>
							<view class="price-1">剩余金额</view>
							<view class="price-1">No.{{item.cardno.substr(-4, 4)}}</view>
							<view class="price-1">{{amountFixed(item.pay_discount)}}折</view>
						</view>
						<view class="item-2">
							<!-- <view class="info-1">{{item.name}}</view> -->
							<view class="info-1" style="width: 100%;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;">{{item.name}}</view>
							<!-- <view class="info-2">卡 号：{{item.cardno}}</view> -->
							<view class="info-2" style="width: 100%;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;">{{ item.venue_name_new }}</view>
							<view class="info-2">卡 号：{{item.cardno}}</view>
							<view class="info-2">有效期：{{item.yxq}}</view>
							<view class="info-2">不可用原因：{{item.reason}}</view>
						</view>
					</view>
					<!-- </view> -->
				</scroll-view>
			</view>
		</u-popup>
		<!-- 销售顾问 -->
		<u-popup @touchmove.stop :show="consultant" @close="closeAmount2" closeOnClickOverlay mode="bottom"
			style="position: absolute;z-index: 999;" :safeAreaInsetTop="false" round="15">
			<view class="store-popup">
				<view class="store-popup">
					<view class="title flex-between">
						<text>销售顾问</text>
						<u-icon @click="closetant" name="close-circle-fill" color="#dde3e8" size="18"></u-icon>
					</view>
					<scroll-view class="scroll-view_H" scroll-y="true" :scroll-top="scrollTop">
						<view class="list-12">
							<view class="item-coach" v-for="item in conlist" :key="item" @click="groupclick(item)">
								<!-- <view class="item-1"> -->
								<view class="price"> {{item.nickname}}</view>
								<!-- </view> -->
							</view>
						</view>
					</scroll-view>
				</view>

			</view>
		</u-popup>

		<u-popup @touchmove.stop :show="showInfo" @close="closeInfo" closeOnClickOverlay mode="bottom" round="15">
			<view class="store-popup">
				<view class="title flex-between">
					<text>用户须知</text>
					<u-icon @click="closeInfo" name="close-circle-fill" color="#dde3e8" size="18"></u-icon>
				</view>
				<scroll-view scroll-y="true" class="list-2"
					style="width: 100%; max-height: 60vh; padding: 0 20rpx 0 20rpx">
					<u-parse :content="ticketData.user_content"></u-parse>
				</scroll-view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	const venues = require("@/api/venues/venues.js");
	const market = require("@/api/market/index.js");
	export default {
		data() {
			return {
				noClick: true,
				assetsPath: this.$https.assetsPath,
				tabActive: 0,
				num: 1,
				checked: [],
				showTime: false,
				showCoupons: false,
				couponsValue: 0,
				showAmount: false,
				consultant: false,
				showInfo: false,
				timeValue: `${new Date().getHours()}:${new Date().getMinutes()}`,
				ticketID: 0,
				ticketData: {},
				venue_name: "",
				amountValue: 1,
				read_checked: true,
				venue_id: 0,
				goods_type: "",
				spec: "",
				classNum: 0,
				train_price: "0.00",
				students: [],
				order_remarks: '',
				pay_wait_time: '10.00',
				namedata: '',
				ticket_id: '',
				nametimid: '',
				inventory: '',
				submitid: '',
				itemlist: [],
				jin: {},
				jingeka: {},
				jinqian: true,
				account_balance: '',
				windows: '',
				id: '',
				datalist: {},
				projectArr: [],
				jek: true,
				skulist: {},
				not_use: 0,
				train_money: '00.00',
				max: '',
				order_type: '',
				list1: [{
						name: "当前可用"
					},
					{
						name: "不可用"
					},
				],
				namelist: "",
				namelists: '',
				params: [],
				conlist: [],
				list_item: [],
				list_items: [],
				xiaoshou: true,
				price: '',
				sku_id: '',
				yhj_balance: '', //优惠卷
				yhj_qu: true,
				wrapperlist: [],
				listQuery: { //分页
					pageNo: 1,
					pageSize: 999,
				},
				totalPage: '', //几页
				yhjman: '',
				yhjjian: '',
				yhjtype: '',
				yhjid: '',
				pay_discount: "",
				totalPrice: ''
			};
		},
		onLoad(options) {
			if (options.students != '' && options.students != undefined) {
				const selectionArrs = JSON.parse(decodeURIComponent(options.selectionArr))
				this.students = JSON.stringify(selectionArrs);
			}
			this.sku_id = options.sku_id
			this.price = options.price
			this.namedata = options.namedata
			this.namelist = options.namelist
			this.namelists = options.namelists
			this.inventory = options.inventory
			this.ticket_id = options.ticket_id
			this.nametimid = options.nametimid
			this.pay_wait_time = options.pay_wait_time
			this.ticketID = options.ticketID;
			this.windows = options.windows;
			this.venue_name = options.venue_name;
			this.venue_id = options?.venue_id;
			this.goods_type = options?.goods_type;
			this.spec = options?.spec;
			this.classNum = options?.classNum;
			// this.totalPrice = options?.train_price;
			// this.train_price = options?.train_price;
			// this.students = options?.students;
			let skulist = {
				"goods_sku": options.sku,
				"goods_code": options.skucode,
				"applicant": options.applicant,
				"sku_id": options.sku_id

			};
			this.skulist = JSON.stringify(skulist)
			this.getPriceCardForPay();
			this.getShopTicket();
			uni.setStorageSync('venue_id', options?.venue_id);
			uni.setStorageSync('ticket_id', options.ticketID);
			uni.setStorageSync('goods_type', options?.goods_type);
			this.radioChecked()

		},
		computed: {
			// <!-- <text v-if="amount(account_balance) >= amount( ticketData.selling_price * amountValue)"> 00.00</text>
			// <text v-else>{{ amount (ticketData.selling_price * amountValue - account_balance)}}</text> -->
			// fullName() {
			//     return this.firstName + this.lastName;
			// }
		},
		methods: {
			closelist() {
				this.consultant = false
				this.xiaoshou = false
				this.list_items = this.list_item
			},
			radiolist(item) {
				this.list_item = item
			},
			groupclick(item) {
				this.list_item = item
				this.consultant = false
				this.xiaoshou = false
				this.list_items = this.list_item
			},
			// 销售顾问
			closetant() {
				this.consultant = false
				this.list_items = []
				this.xiaoshou = true
			},
			async radioChecked() {
				let that = this
				uni.showLoading({
					title: "加载中",
					mask: true,
				});
				let postData = {
					project_id: getApp().globalData.projectId,
					venue_id: this.venue_id,
					sign: getApp().globalData.sign,
				};
				let res = await venues.coach(postData); ///api/conf/coach
				if (res.code == 1) {
					uni.hideLoading();
					this.conlist = res.data.list
				}
			},
			tabClick(e) {
				let that = this
				that.itemlist = [],
					that.not_use = e.index
				that.getPriceCardForPay();
			},
			// 获取金额卡
			async getPriceCardForPay() {
				let that = this
				that.itemlist = []
				uni.showLoading({
					title: "加载中",
					mask: true,
				});
				let postData = {
					project_id: getApp().globalData.projectId,
					app_id: this.$https.weixinAppId,
					open_id: uni.getStorageSync("openid"),
					windows: this.windows,
					not_use: that.not_use,
					venue_id: this.venue_id,
				};
				let res = await venues.getPriceCardForPay(postData);
				if (res.code == 1) {
					this.itemlist = res.data.result
					uni.hideLoading();
				}
			},
			//选择优惠卷
			yhjlist(item) {
				if (Number(this.amount(this.train_price)) < item.man) {
					return uni.showToast({
						title: "优惠卷不可使用",
						icon: "none",
					});
				} else {
					this.showCoupons = false
					// ticket票  card卡  court场地  train培训班
					// ticketData.selling_price
					// totalPrice  总计
					// <!-- //type 代金券1 满减券2 折扣券3 -->
					let that = this
					this.yhj_qu = false
					this.yhjid = item.record_id
					this.yhjman = item.man
					this.yhjjian = item.jian
					this.yhjtype = item.type
					// this.totalPrice = 0
					let old_price = this.ticketData.selling_price
					if (this.id == '') {
						// 选中优惠券
						this.yjq_price()
					} else {
						// 选中优惠券 充值卡
						// this.deal_price()
						this.closeAmount1()
					}
				}
				
			},
			// 选中优惠券
			yjq_price() {
				let that = this
				let old_price = this.ticketData.selling_price
				if (Number(old_price) >= Number(that.yhjman)) {
					if (this.goods_type == 'card' || this.goods_type == 'ticket') {
						switch (that.yhjtype) {
							case 1:
								this.totalPrice = Number(this.amount(old_price - that.yhjjian))
								break;
							case 2:
								this.totalPrice = old_price - that.yhjjian;
								break;
							case 3:
								this.totalPrice = (old_price * that.yhjjian / 10).toFixed(2);
								break;
						}
					}
				} else if (Number(this.amount(this.train_price)) >= that.yhjman) {
					if (this.goods_type == 'train') {
						switch (that.yhjtype) {
							case 1:
								this.totalPrice = Number(this.amount(this.train_price - that.yhjjian))
								break;
							case 2:
								this.totalPrice = this.train_price - that.yhjjian;
								break;
							case 3:
								this.totalPrice = (this.train_price * that.yhjjian / 10).toFixed(2);
								break;
						}
					}
				} else {
					this.yhj_qu = true
					return uni.showToast({
						title: "优惠卷不可使用",
						icon: "none",
					});
				}
			},
			// 点击选择金额卡
			jine(item) {

				// totalPrice  总计
				let that = this
				let str = item.pay_discount
				this.pay_discount = str / 100
				this.showAmount = false
				this.jinqian = false
				this.account_balance = item.account_balance
				this.id = item.id
				let ticket_total = that.ticketData.selling_price * that.pay_discount
				let train_total = that.train_price * that.pay_discount
				let old_price = this.ticketData.selling_price
				// 未选中优惠券
				if (this.yhjid == '') {
					// 选中充值卡
					this.jine_price()
				} else {
					// 选中优惠券 充值卡
					// this.deal_price()
					this.closeCoupons1()
				}
			},
			// 选中充值卡
			jine_price() {
				// totalPrice  总计
				let that = this
				let ticket_total = that.ticketData.selling_price * that.pay_discount
				let train_total = that.train_price * that.pay_discount
				let old_price = this.ticketData.selling_price
				// 未选中优惠券
				// 选中充值卡
				if (that.goods_type == 'card' || that.goods_type == 'ticket') {
					if (that.account_balance >= ticket_total) {
						that.totalPrice = 0
					} else {
						that.totalPrice = that.amount(ticket_total - that.account_balance)
					}
				} else if (that.goods_type == 'train') {
					if (that.account_balance >= train_total) {
						that.totalPrice = 0
					} else {
						that.totalPrice = that.amount(train_total - that.account_balance)
					}
				}
			},
			// 选中优惠券 充值卡
			deal_price() {
				let that = this
				let old_price = this.ticketData.selling_price
				let train_total = that.train_price
				if (Number(old_price) >= Number(this.yhjman)) {
					// 票卡
					if (this.goods_type == 'card' || this.goods_type == 'ticket') {
						let total_Price = Number(this.amount(old_price - this.yhjjian) * that.pay_discount)
						let zhe_Price = Number(this.amount((old_price * this.yhjjian) / 10) * that.pay_discount).toFixed(2)
						switch (that.yhjtype) {
							case 1:
								if (Number(that.account_balance) >= Number(total_Price)) {
									that.totalPrice = 0
								} else {
									that.totalPrice = that.amount(total_Price - that.account_balance)
								}
								break;
							case 2:
								if (Number(that.account_balance) >= Number(total_Price)) {
									that.totalPrice = 0
								} else {
									that.totalPrice = that.amount(total_Price - that.account_balance)
								}
								break;
							case 3:
								if (Number(that.account_balance) >= Number(zhe_Price)) {
									that.totalPrice = 0
								} else {
									that.totalPrice = that.amount(zhe_Price - that.account_balance)
								}
								break;
						}
					}
				} else if (Number(this.amount(this.train_price)) >= this.yhjman) {
					// 培训
					if (this.goods_type == 'train') {
						let total_Price = Number(this.amount(train_total - this.yhjjian) * that.pay_discount)
						let zhe_Price = Number(this.amount((train_total * this.yhjjian) / 10) * that.pay_discount).toFixed(
							2)
						switch (that.yhjtype) {
							case 1:
								if (Number(that.account_balance) >= Number(total_Price)) {
									that.totalPrice = 0
								} else {
									that.totalPrice = that.amount(total_Price - that.account_balance)
								}
								break;
							case 2:
								if (Number(that.account_balance) >= Number(total_Price)) {
									that.totalPrice = 0
								} else {
									that.totalPrice = that.amount(total_Price - that.account_balance)
								}
								break;
							case 3:
								if (Number(that.account_balance) >= Number(zhe_Price)) {
									that.totalPrice = 0
								} else {
									that.totalPrice = that.amount(zhe_Price - that.account_balance)
								}
								break;
						}
					}
				} else {
					return uni.showToast({
						title: "优惠卷不可使用",
						icon: "none",
					});
				}

			},
			// 关闭优惠券/取消选中优惠券
			closeCoupons1() {
				if (this.goods_type == 'card' || this.goods_type == 'ticket') {
					this.totalPrice = this.ticketData.selling_price
				} else if (this.goods_type == 'train') {
					this.totalPrice = Number(this.train_price) + Number(this.ticketData.deposit)
				}
				this.showCoupons = false;
				this.yhj_qu = true
				this.yhjman = ''
				this.yhjjian = ''
				this.yhjtype = ''
				this.yhjid = ''
				// this.jine_price()
			},
			// 关闭充值卡/取消选中充值卡
			closeAmount1() {
				this.account_balance = ''
				this.showAmount = false;
				this.money = ''
				this.jingeka = ''
				this.id = ''
				this.jinqian = true
				if (this.yhjid != '') {
					// 选中充值卡
					this.yjq_price()
				} else {
					if (this.goods_type == 'card' || this.goods_type == 'ticket') {
						this.totalPrice = this.ticketData.selling_price
					} else if (this.goods_type == 'train') {
						this.totalPrice = this.train_price
					}
				}
			},
			//优惠卷列表
			async getMyCoupon() {
				let that = this;
				if (that.goods_type == "ticket") {
					that.order_type = 1
				} else if (that.goods_type == "card") {
					that.order_type = 2
				}
				let postData = {
					app_id: this.$https.weixinAppId,
					project_id: getApp().globalData.projectId,
					open_id: uni.getStorageSync('openid'),
					page: this.listQuery.pageNo,
					limit: this.listQuery.pageSize,
					status: 0,
					venue_id: this.venue_id,
					window_id: this.windows,
					goods_id: that.ticketData.id,
					order_type: that.order_type,
				}
				let res = await market.getMyCoupon(postData);
				if (res.code == 1) {
					that.wrapperlist = res.data.result.data; //将数据拼接在一起
				}
			},

			closeAmount() {
				this.showAmount = false;
			},
			groupChange(n) {},
			radioChange(item) {
				this.jingeka = item
			},
			// 金额计算保留两位小数
			amount(value) {
				return parseFloat(value).toFixed(2);
			},
			amountFixed(value) {
				return parseFloat(value).toFixed(0);
			},

			async getShopTicket() {
				uni.showLoading({
					title: "加载中",
					mask: true,
				});
				let postData = {
					ticket_id: this.ticketID,
					project_id: getApp().globalData.projectId,
					appid: this.$https.weixinAppId,
					venue_id: this.venue_id,
					goods_type: this.goods_type,
				};
				let res = await venues.getTicketDetail(postData);
				if (res.code == 1) {
					this.ticketData = res.data;
					this.getMyCoupon()
					this.closeCoupons1()
					this.closeAmount1()
					if (this.goods_type == 'card' || this.goods_type == 'ticket') {
						this.totalPrice = res.data.selling_price
						this.train_price = res.data.selling_price
					}
					// ticketData.selling_price
					// totalPrice  总计

					if (res.data.inventory === 0) {

					} else if (res.data.inventory === 1) {
						if (res.data.quantity >= 10) {
							this.max = 10
						} else {
							this.max = res.data.quantity
						}
					}

					uni.hideLoading();
				}
			},
			checkboxChange(e) {
				if (e.length == 0) {
					this.read_checked = false;
				} else {
					this.read_checked = true;
				}
			},
			submit() {
				if (this.read_checked == false) {
					return uni.showToast({
						title: "请先阅读购买须知",
						icon: "none",
					});
				}
				this.createOrder();
				// if (this.inventory != '' && this.inventory != undefined) {
				// 	this.submits();
				// } else{
				// 	this.createOrder()
				// }
			},

			// 此时此刻会生成一个订单
			// createOrder() {
			async createOrder() {
				// ticket票  card卡  court场地  train培训班
				var that = this;
				let order_type = 1;
				var amount_payables = that.amount(that.ticketData.selling_price * that.amountValue)
				let goods_price = that.ticketData.selling_price;
				let amountValue = that.amountValue;
				let goods_image = that.ticketData.picture;
				let goods_amout = that.ticketData.selling_price;
				let totalPrice = Number(that.ticketData.deposit) + Number(that.totalPrice);

				let student_info = "";
				let spec = "";
				let train_price = "";
				if (that.goods_type == "ticket") {
					order_type = 1;
					that.order_type = 1
				} else if (that.goods_type == "card") {
					order_type = 2;
					that.order_type = 2

				} else if (that.goods_type == "train") {
					that.order_type = 4
					order_type = 4;
					goods_price = that.train_price;
					amountValue = 1;
					goods_image = that.ticketData.cover;
					goods_amout = that.price;
					student_info = that.students;
					spec = that.spec;
					totalPrice = that.totalPrice;


				}
				// this.projectArr = projectArr
				let params = {
					order_money: 0,
					amount_payable: totalPrice,
					goods_price: goods_amout,
					goods_amout: goods_amout,
					pay_method: 1,
					order_type: order_type,
					venue_id: that.venue_id,
					project_id: getApp().globalData.projectId,
					app_id: that.$https.weixinAppId,
					owner: uni.getStorageSync("phone"),
					purchase_route: 2,
					amountValue: 1,
					goods_id: that.ticketData.id,
					goods_number: that.num,
					goods_name: that.ticketData.name,
					goods_image: goods_image,
					consumption_type: '',
					// consumption_type: projectArr,
					student_info: student_info,
					data_items: spec,
					order_remarks: that.order_remarks,
					pay_wait_time: that.pay_wait_time,

					open_id: uni.getStorageSync("openid"),
					ticket_id: that.ticket_id,
					choose_date: that.namedata,
					time_id: that.nametimid,
					inventory: that.inventory,
					card_id: this.id,
					windows: this.windows,
					other_param: this.skulist,
					coach_id: that.list_items.id,
					coach: that.list_items.nickname,
					coupon_id: this.yhjid
				};
				let res = await venues.createOrder(params);
				// if (that.account_balance >= that.yhjman) {

				// 	return
				// }

				let payWaitTime = that.ticketData.pay_wait_time;
				if (res.code == 1) {
					this.datalist = res.data
					if (res.data.need_pay >= '0.01') {
						var that = this
						if (uni.getStorageSync("buy_success_id") != '' && uni.getStorageSync("buy_success_id") !=
							null && uni.getStorageSync("buy_success_id") != undefined && uni.getStorageSync(
								"class_begin_id") != '' && uni.getStorageSync("class_begin_id") !=
							null && uni.getStorageSync("class_begin_id") != undefined) {
							uni.requestSubscribeMessage({
								tmplIds: [uni.getStorageSync("buy_success_id"), uni.getStorageSync(
									"class_begin_id")],
								success(ru) {
									uni.navigateTo({
										url: "/page_venues/pages/venuesDetail/pay/pay?amount=" +
											params.amount_payable + "&payWaitTime=" + payWaitTime +
											"&venue_id=" +
											that.venue_id + "&order_id=" + that.datalist.order_id +
											"&orderid=" +
											that.datalist.orderid + "&order_type=" + order_type +
											"&chaoshitype=" + 2 +
											"&card_id=" + that.id + "&coupon_id=" + that.yhjid +
											"&classNum=" + that.classNum + "&train_price=" + that
											.train_price + "&goods_id=" + that.ticketData.id,
									
									});
								}
							})
						} else {
							uni.navigateTo({
								url: "/page_venues/pages/venuesDetail/pay/pay?amount=" +
									params.amount_payable + "&payWaitTime=" + payWaitTime +
									"&venue_id=" +
									that.venue_id + "&order_id=" + that.datalist.order_id +
									"&orderid=" +
									that.datalist.orderid + "&order_type=" + order_type +
									"&chaoshitype=" + 2 +
									"&card_id=" + that.id + "&coupon_id=" + that.yhjid +
									"&classNum=" + that.classNum + "&train_price=" + that
									.train_price + "&goods_id=" + that.ticketData.id,
							
							});
						}
					} else {
						this.moniPay()
					}

				} else {
					if (res.info == '你尚有未付款卡，请先支付') {
						uni.showModal({
							title: res.info,
							// 提示文字
							// content: '是否取消订单？',
							// 取消按钮的文字自定义
							cancelText: "取消",
							// 确认按钮的文字自定义
							confirmText: "我知道了",
							//删除字体的颜色 
							confirmColor: '#000000',
							//取消字体的颜色
							cancelColor: '#999',
							success: function(res) {
								if (res.confirm) {
									// 执行确认后的操作
									uni.navigateTo({
										url: '/pages/personal/orders/orders?tab=1',
									});
								}
							}
						})
					} else if (res.info == '你尚有未付款门票，请先支付') {
						uni.showModal({
							title: res.info,
							// 提示文字
							// content: '是否取消订单？',
							// 取消按钮的文字自定义
							cancelText: "取消",
							// 确认按钮的文字自定义
							confirmText: "我知道了",
							//删除字体的颜色 
							confirmColor: '#000000',
							//取消字体的颜色
							cancelColor: '#999',
							success: function(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/personal/orders/orders?tab=1',
									});
								}
							}
						})
					} else {
						uni.showModal({
							title: res.info,
							// 提示文字
							// content: '是否取消订单？',
							// 取消按钮的文字自定义
							cancelText: "取消",
							// 确认按钮的文字自定义
							confirmText: "我知道了",
							//删除字体的颜色 
							confirmColor: '#000000',
							//取消字体的颜色
							cancelColor: '#999',
							success: function(res) {

							}
						})
					}
				}
			},
			async moniPay() {
				var nowdate = new Date().valueOf();
				var that = this;
				let params = {
					open_id: uni.getStorageSync("openid"),
					project_id: getApp().globalData.projectId,
					app_id: that.$https.weixinAppId,
					out_trade_no: that.datalist.order_id,
					payer_total: that.datalist.need_pay,
					add_time: nowdate,
					transaction_id: 'ZF001',
					goods_type: this.goods_type,
					order_type: this.order_type,
					attach: this.projectArr,
					goods_id: that.ticketData.id,
					card_id: this.id,
					coupon_id: this.yhjid,
					open_id: uni.getStorageSync("openid"),
				};
				let res = await venues.moniPay(params);
				if (res.code == 1) {
					uni.navigateTo({
						url: '/pages/personal/personal?backUp=1'
					})

				}
			},
			timeConfirm(data) {
				this.timeValue = data.value;
				this.showTime = false;
			},
			closeCoupons() {
				this.showCoupons = false;
			},


			// 销售顾问
			closeAmount2() {
				this.consultant = false;
			},


			closeInfo() {
				this.showInfo = false;
			},
			valChange(e) {
				this.amountValue = e.value;
			},
		},
	};
</script>

<style lang="scss" scoped>
	.control {
		width: 100%;
		min-height: 100vh;
		background-color: #f3f3f3;
		padding: 0px 30rpx;
		padding-top: 1rpx;
		padding-bottom: 150rpx;
		box-sizing: border-box;
		background-image: url("https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/5af2e5b772f1e1c1eb7d3bfabe9cdc4838551525.png");
		background-repeat: no-repeat;
		background-position: 0% -200rpx;
		position: relative;
		background-size: 100% auto;

		.section-1 {
			width: 100%;
			border-radius: 7px;

			.tab-list {
				display: flex;
				align-items: flex-end;

				.tab {
					flex: 1;
					font-size: 24rpx;
					font-weight: 500;
					color: #999999;
					height: 60rpx;
					text-align: center;
					position: relative;

					background-color: rgba(199, 218, 254, 1);

					&:first-of-type {
						border-radius: 7px 0 0 0;
						border-bottom-left-radius: 0 !important;
					}

					&:last-of-type {
						border-radius: 0px 7px 0 0;
					}

					&:first-of-type:before {
						content: "";
						display: block;
						position: absolute;
						right: -20rpx;
						z-index: 1;
						bottom: 0;
						border-top: 30rpx solid transparent;
						border-bottom: 30rpx solid white;
						border-left: 10rpx solid white;
						border-right: 10rpx solid transparent;
					}

					&:last-of-type:before {
						content: "";
						display: block;
						position: absolute;
						left: -20rpx;
						z-index: 1;
						bottom: 0;
						border-top: 30rpx solid transparent;
						border-bottom: 30rpx solid white;
						border-left: 10rpx solid transparent;
						border-right: 10rpx solid white;
					}
				}

				.active {
					font-weight: bold;
					color: black;
					background-color: white;
					border-radius: 7px 7px 0 7px !important;
					height: 72rpx;
				}
			}

			.tab-con {
				background-color: white;
				padding: 0px 30rpx;
				box-sizing: border-box;
				border-radius: 0px 0px 7px 7px;
				position: relative;
				padding-bottom: 25rpx;

				&::before {
					position: absolute;
					width: calc(100% - 43rpx);
					right: 0;
					margin: auto;
					bottom: 0px;
					left: 0;
					height: 3px;
					background-image: repeating-linear-gradient(-45deg,
							#357afb 0,
							#357afb 20%,
							transparent 0,
							transparent 25%,
							#ff6a7c 0,
							#ff6a7c 45%,
							transparent 0,
							transparent 50%);
					background-size: 80px;
					content: "";
				}

				.tab-item1 {
					.kong {
						display: flex;
						flex-direction: column;
						align-items: center;
						width: 90%;
						font-size: 21rpx;
						color: #999999;

						image {
							width: 200rpx;
						}
					}

					.title {
						font-size: 20rpx;
						font-weight: 500;
						margin-bottom: 20rpx;
						color: #333333;

						/deep/ .u-tag {
							height: 34rpx;
							margin-right: 20rpx !important;
						}
					}

					.adress {
						font-size: 30rpx;
						font-weight: bold;
						color: #333333;
					}

					.info {
						font-size: 22rpx;
						font-weight: 500;
						color: #333333;
						margin-top: 25rpx;
					}
				}

				.tab-item2 {
					padding-top: 30rpx;

					.info-1 {
						font-size: 22rpx;
						font-weight: 500;
						color: #333333;
						margin-bottom: 20rpx;
					}

					.info-2 {
						font-size: 30rpx;
						font-weight: bold;
						color: #333333;
						margin-bottom: 18rpx;
					}

					.info-3 {
						font-size: 22rpx;
						color: #333333;
						margin-bottom: 30rpx;

						text {
							margin-right: 7rpx;
						}
					}

					.cell {
						border-top: 1px solid #efefef;
						padding: 35rpx 0;

						.label {
							font-size: 26rpx;
							font-weight: 500;
							color: #000000;
						}

						.value {
							font-size: 26rpx;
							color: #000000;
							margin-right: 15rpx;
						}
					}
				}
			}
		}

		.section-2 {
			padding: 30rpx 30rpx;
			margin-top: 30rpx;
			background-color: white;
			border-radius: 7px 7px 0 0;



			.title {
				font-size: 26rpx;
				font-weight: bold;
				color: #333333;
				margin-bottom: 30rpx;

				image {
					width: 28rpx;
					height: 28rpx;
					margin-right: 20rpx;
				}
			}

			.goods {
				.con {
					height: 150rpx;

					.image {
						// width: 150rpx;
						// height: 100%;

						/deep/ .vue-ref {
							width: 100%;
							height: 100%;
						}
					}

					.info {
						margin-left: 30rpx;
						display: flex;
						height: 100%;
						flex-direction: column;
						justify-content: space-between;

						.info-1 {
							font-size: 26rpx;
							font-weight: 500;
							color: #000000;
							margin-bottom: 10rpx;
						}

						.info-2 {
							background-color: #efefef;
							font-size: 22rpx;
							border-radius: 5rpx;
							color: #a6a6a6;
							padding: 5rpx 20rpx;
						}

						.info-3 {
							font-size: 22rpx;
							font-weight: 500;
							color: #ff4105;

							text {
								font-size: 28rpx;
								font-weight: 700;
							}
						}
					}
				}

				/deep/ .u-number-box {
					.u-number-box__minus,
					.u-number-box__plus,
					.u-number-box__input {
						width: 45rpx !important;
						font-size: 24rpx !important;
						height: 45rpx !important;

						text {
							font-size: 24rpx !important;
						}
					}

					.u-number-box__input {
						background-color: transparent !important;
					}
				}
			}
		}

		.section-3 {
			padding: 30rpx 30rpx;
			// margin-top: 30rpx;
			background-color: white;
			border-radius: 0px 0px 7px 7px;

			.info-1 {
				font-size: 26rpx;
				font-weight: 500;
				color: #000000;
			}

			.info-2 {
				font-size: 22rpx;
				font-weight: 500;
				color: #ff4105;

				text {
					font-weight: 700;
					font-size: 28rpx;
				}
			}
		}

		.section-4 {
			padding: 40rpx 30rpx;
			margin-top: 30rpx;
			background-color: white;
			border-radius: 7px;

			.info-1 {
				font-size: 26rpx;
				font-weight: 500;
				color: #000000;
			}

			.info-2 {
				font-size: 26rpx;
				color: #bebebe;
				margin-left: 30rpx;
			}

			.active {
				color: #ff4105 !important;
			}

			.info-3 {
				font-size: 26rpx;
				font-weight: 500;
				color: #999999;
				margin-right: 10rpx;
			}
		}

		.section-5 {
			position: fixed;
			bottom: 134rpx;
			z-index: 999;

			.info-1 {
				font-size: 32rpx;
				font-weight: 500;
				color: #999999;
			}

			.info-2 {
				color: #2f75fa;
			}

			// .u-checkbox__icon-wrap{
			// 	width: 50rpx;
			// 	height: 50rpx;
			// }
			// /deep/.u-checkbox-group {


			// }
		}

		.footer {
			background: #ffffff;
			position: fixed;
			width: 100%;
			left: 0;
			bottom: 0;
			padding: 20rpx 30rpx;

			.footer-1 {
				font-size: 28rpx;
				color: #333333;

				.info {
					font-size: 22rpx;
					color: #ff4105;

					text {}
				}
			}

			.footer-btn {
				padding: 20rpx 50rpx;
				font-size: 28rpx;
				font-weight: bold;
				color: #ffffff;
				background: linear-gradient(0deg, #528eff, #2f75fa);
				border-radius: 40rpx;
			}
		}

		.store-popup {
			padding: 20rpx 0;

			// .list {
			.scroll-view_H {}

			.item {
				margin-top: 30rpx;

				.info {
					margin-left: 20rpx;

					.name {
						font-size: 26rpx;
						font-weight: 500;
						color: #333333;
					}

					.phone {
						font-size: 24rpx;
						font-weight: 500;
						color: #bebebe;
						margin-top: 10rpx;
					}
				}
			}

			// }
			.title {
				padding: 0px 30rpx;
				padding-bottom: 20rpx;
				margin-bottom: 20rpx;
				border-bottom: 1px solid #cccccc;
				font-weight: bold;

				.clo {
					color: #2f75fa;
				}
			}



			.list-1 {
				height: 50vh;
				overflow: auto;
				padding-bottom: 30rpx;

				.item {
					margin-top: 30rpx;
					height: 200rpx;
					padding: 0px 30rpx;
					overflow: hidden;

					.item-1 {
						background: #ffeae9;
						width: 35%;
						height: 100%;
						display: flex;
						border-radius: 9px 0 0 9px;
						flex-direction: column;
						align-items: center;
						border-right: 1px dashed #ff1c1c;
						justify-content: center;
						position: relative;

						&::before {
							position: absolute;
							content: "";
							width: 30rpx;
							height: 30rpx;
							background-color: white;
							border-radius: 50%;
							top: -15rpx;
							right: -15rpx;
						}

						&::after {
							position: absolute;
							content: "";
							width: 30rpx;
							height: 30rpx;
							background-color: white;
							border-radius: 50%;
							bottom: -15rpx;
							right: -15rpx;
						}

						.price {
							font-size: 26rpx;
							font-weight: 500;
							color: #ff1c1c;

							text {
								font-size: 40rpx;
								font-weight: 700;
							}
						}

						.price-1 {
							font-size: 22rpx;
							font-weight: bold;
							color: #ff1c1c;
							margin-top: 10rpx;
						}
					}

					.item-2 {
						background: #f7f7fa;
						width: 0;
						flex: 1;
						height: 100%;
						display: flex;
						border-radius: 0 9px 9px 0;
						flex-direction: column;
						justify-content: center;
						padding-left: 40rpx;
						position: relative;

						.info-1 {
							font-size: 28rpx;
							font-weight: bold;
							color: #000000;
						}

						.info-2 {
							font-size: 24rpx;
							font-weight: bold;
							color: #bebebe;
							margin-top: 20rpx;
						}

						.radio {
							position: absolute;
							right: 30rpx;
						}
					}
				}
			}

			.scroll-view_H {
				height: 50vh;
				overflow: auto;
				padding-bottom: 30rpx;

				.list-12 {
					display: flex;
					flex-direction: row;
					flex-wrap: wrap; //自动换行
					justify-content: center;
					align-items: center;


					.item-coach {
						margin-top: 30rpx;
						height: 100rpx;
						padding: 0px 0rpx;
						overflow: hidden;
						background: #ffeae9;
						width: 30%;
						border-radius: 9px 9px 9px 9px;
						align-items: center;
						justify-content: center;
						position: relative;
						margin-left: 0.8%;
						text-align: center;
						line-height: 100rpx;

						.price {
							font-size: 26rpx;
							font-weight: 500;
							color: #ff1c1c;
							justify-content: center;

						}

						.item-2 {
							background: #f7f7fa;
							width: 0;
							flex: 1;
							height: 100%;
							display: flex;
							border-radius: 0 9px 9px 0;
							flex-direction: column;
							justify-content: center;
							padding-left: 40rpx;
							position: relative;

							.info-1 {
								font-size: 28rpx;
								font-weight: bold;
								color: #000000;
							}

							.info-2 {
								font-size: 24rpx;
								font-weight: bold;
								color: #bebebe;
								margin-top: 20rpx;
							}

							.radio {
								position: absolute;
								right: 30rpx;
							}
						}
					}
				}
			}

			.list-2 {
				height: 50vh;
				overflow: auto;
				padding-bottom: 30rpx;

				.item {
					margin-top: 30rpx;
					height: 222rpx;
					padding: 0px 30rpx;
					overflow: hidden;

					.item-1 {
						background: rgba(47, 117, 250, 0.2);
						width: 35%;
						height: 100%;
						display: flex;
						border-radius: 9px 0 0 9px;
						flex-direction: column;
						align-items: center;
						justify-content: center;

						.price {
							font-size: 26rpx;
							font-weight: 500;
							color: #2f75fa;

							text {
								font-size: 50rpx;
								font-weight: 700;
							}
						}

						.price-1 {
							font-size: 22rpx;
							font-weight: bold;
							color: rgba(47, 117, 250, 0.6);
							margin-top: 10rpx;
						}
					}

					.item-11 {
						background: #ccccce;
						width: 30%;
						height: 100%;
						display: flex;
						border-radius: 9px 0 0 9px;
						flex-direction: column;
						align-items: center;
						justify-content: center;

						.price {
							font-size: 26rpx;
							font-weight: 500;
							color: #6c6c6c;

							text {
								font-size: 40rpx;
								font-weight: 700;
							}
						}

						.price-1 {
							font-size: 22rpx;
							font-weight: bold;
							color: #6c6c6c;
							margin-top: 10rpx;
						}
					}


					.item-2 {
						background: #f7f7fa;
						width: 0;
						flex: 1;
						height: 100%;
						display: flex;
						border-radius: 0 9px 9px 0;
						flex-direction: column;
						justify-content: center;
						padding-left: 40rpx;
						position: relative;

						.info-1 {
							font-size: 28rpx;
							font-weight: bold;
							color: #000000;
							margin-bottom: 10rpx;
						}

						.info-2 {
							font-size: 24rpx;
							margin-bottom: 8rpx;
							color: #bebebe;
						}

						.radio {
							position: absolute;
							right: 30rpx;
						}
					}
				}
			}

			.btn {
				padding: 0px 30rpx;
				margin-top: 20rpx;
			}
		}
	}
</style>